body {
    font: 12px "Microsoft YaHei", "微软雅黑", "宋体", Arial, Helvetica, sans-serif;
    text-align: left;
    background-color: #fff;
    color: #333;
    margin: 0px;
}

.display{
	display:block;
}

.display-none{
	display:none;
}

.backgroud-grey{
	background: #EEEEEE;
}
.backgroud-lightgrey{
	background: #F4F9F0 !important;
}
.backgroud-lightpurple{
	background: #C6C6C6 !important;
}
.backgroud-white{
	background: #FFFFFF !important;
}

.width-25{
	width:25px;
}
.width-30{
	width:30px;
}
.width-60{
	width:60px;
}
.width-70{
	width:70px;
}
.width-80{
	width:80px;
}
.width-90{
	width:90px;
}
.width-100{
	width:100px;
}

.height-30{
	height:30px;
}
.height-40{
	height:40px;
}
.height-100pct{
	height:100%;
}

.margin-8{
	margin: 8px;
}

.margin-top-15{
	margin-top: 15px;
}
.margin-top-6{
	margin-top:6px;
}
.margin-top-8{
	margin-top:8px;
}

.margin-bottom-15{
	margin-bottom: 15px;
}
.margin-bottom-10{
	margin-bottom:10px;
}
.margin-bottom-8{
	margin-bottom:8px;
}
.margin-bottom-6{
	margin-bottom:6px;
}
.margin-bottom-4{
	margin-bottom:4px;
}

.margin-left-10{
	margin-left: 10px;
}
.margin-left-15{
	margin-left: 15px;
}
.margin-left-20{
	margin-left: 20px;
}
.margin-left-8{
	margin-left: 8px;
}
.margin-right-8{
	margin-right: 8px;
}
.margin-right-10{
	margin-right: 10px;
}
.margin-right-15{
	margin-right: 15px;
}
.margin-right-20{
	margin-right: 20px;
}

.padding-10{
	padding: 10px;
}

.font-size-12{
	font-size: 12px;
}
.font-size-14{
	font-size: 14px;
}
.font-size-16{
	font-size: 16px;
}
.font-size-18{
	font-size: 18px;
}
.font-size-20{
	font-size: 20px;
}

.text-color-red{
	color: red;
}

.vertical-align-top{
	vertical-align: top !important;
}
.vertical-align-middle{
	vertical-align: middle !important;
}
.vertical-align-bottom{
	vertical-align: bottom !important;
}

.pagination{
	margin: 0;
}

@media only screen and (min-width: 768px) {
	.displayinline{
		display: inline-block;
	}
	
	.display-width-20pct{
		width:20%;
	}
	.display-width-30pct{
		width:30%;
	}
	.display-width-80pct{
		width:80%;
	}
	.display-width-88pct{
		width:88%;
	}
	.display-width-96pct{
		width:96%;
	}
	.display-width-98pct{
		width:98%;
	}
	.display-width-100pct{
		width:100%;
	}
}

/*表格样式-表格头居中*/
.table th{
	text-align: center;
}

@media only screen and (max-width:480px ) {
	.hidden-max-width-480{
		display: none !important;
	}
	
	.display-width-100pct{
		width:100%;
	}
}

@media only screen and (min-width:481px ) {
	.hidden-min-width-481{
		display: none !important;
	}
}

/*小屏，如手机*/
@media only screen and (max-width:480px ) {
	
	.hidden-phone{
		display: none !important;
	}
	
	.table-condensed-phone>tbody>tr>th,
	.table-condensed-phone>tbody>tr>td,
	.table-condensed-phone>thead>tr>th,
	.table-condensed-phone>thead>tr>td,
	.table-condensed-phone>tfoot>tr>th,
	.table-condensed-phone>tfoot>tr>td{
		padding: 0px !important;
	}
	
	.display-width-100pct-phone{
		width:100%;
	}
}

/*平板,如ipad*/
@media (min-width:768px) and (max-width: 1024px) {
	.hidden-pad{
		display: none !important;
	}
	.text-right-pad{
		text-align: right;
	}
}

/*大屏，如电脑*/
@media only screen and (min-width:1025px ) {
	.text-right-screen{
		text-align: right;
	}
}
